<template>
  <div demo-bg>
    <dv-scroll-board :config="config" style="width: 100%; height: 300px" />
  </div>
</template>
<script lang="ts" setup>
import { reactive } from 'vue';

const config = reactive({
  header: ['时间', '信息', '数标'],
  data: [
    ['2024-6-12', '交通标志', '3.222'],
    ['2024-6-11', '油污处理', '4.442'],
    ['2024-5-31', '防尘网', '4.474'],
    ['2024-5-20', '交安设施', '2,19292222222292'],
    ['2024-5-10', '日常养护', '8.9999999'],
    ['2024-5-5', '绿化带', '1.1111'],
    ['2024-5-4', '绿化带', '1.1111'],
    ['2024-5-3', '绿化带', '1.1111'],
    ['2024-5-2', '绿化带', '1.1111'],
    ['2024-5-1', '绿化带', '1.1111'],
  ],
  index: true,
  columnWidth: [50],
  align: ['center'],
});
console.log(config.data);
config.data.forEach((item) => {});
</script>
